
$(function(){
  // 1. 从地址栏获取传递过来的productId, 根据产品id发送ajax请求, 进行渲染
    var productId=getData('productId');
    // 发送ajax请求
    $.ajax({
        type:'get',
        url:"/product/queryProductDetail",
        data:{
            id:productId
        },
        dataType:'json',
        success:function(info){
            console.log(info);
         $('.lt_main .mui-scroll').html(template('productTpl',info) );
            // 由于图片是动态渲染的,异步加载,图片还未出现,轮播js加载完所以不会动
            //需要手动初始化轮播图
            var gallery=mui('.mui-slider')
                gallery.slider({
                    interval:3000//自动轮播周期，若为0则不自动播放，默认为0；
                  });
            // 动态添加的数字框需要手动初始化 数字框
            mui('.mui-numbox').numbox();
        }
    })
    // 尺码选中(点击高亮效果)
    $('.lt_main .mui-scroll').on('click','.lt_size span',function(){
        $(this).addClass('current').siblings().removeClass('current');
    })

     // 2. 加入购物车功能
  // (1) 给加入购物车按钮添加点击事件
  // (2) 获取用户选中的尺码和数量
  // (3) 发送 ajax 请求, 进行加入购物车操作
    $('#addCart').on('click',function(){
        var size=$('.lt_size .current').text();
        var num=$('.mui-numbox-input').val();
        // console.log(size,num);
        // 尺码不能为空
        if(!size){
            mui.toast('尺码不能为空');
            return;
        }
        // 发送ajax请求
        $.ajax({
            type:'post',
            url:'/cart/addCart',
            data:{
                productId:productId,
                num:num,
                size:size
            },
            dataType:"json",
            success:function(info){
                console.log(info);
                //未登陆,添加失败,跳转登陆页
                if(info.error){
                // 可以将当前页面的地址传递给登录页, 将来登录成功后, 获取传递过来的地址, 跳回来
                    location.href="login.html?retUrl=" + location.href
                }
                //登陆过,添加成功,后续操作
                if(info.success){
                    mui.confirm('添加成功','温馨提示',['去购物车','继续浏览'],function(data){
                        if(data.index==0){
                            location.href="cart.html"
                        }
                    })
                }
            }
        })
        
    })
})